<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum=1.0,maximum=1.0,user-scalable=0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="head">
        <img src="./img/logo.png" alt="">
        <div class="rightb">
            <input type="text" placeholder="请输入查找内容">
            <img src="img/souso.png" alt="">
        </div>
    </div>
    <div class="banan">
        <ul>
            <li>
                <img src="images/0.png" alt="">
            </li>
            <li>
                <img src="images/0.png" alt="">
            </li>
            <li>
                <img src="images/0.png" alt="">
            </li>
        </ul>
    </div>
    <div class="tbody">
        <ul>
            <li>
                <div>
                    <img src="./images/1.png" alt="">
                </div>
                最新游戏
            </li>
            <li>
                <div>
                    <img src="./images/2.png" alt="">
                </div>
                最新游戏
            </li>
            <li>
                <div>
                    <img src="./images/3.png" alt="">
                </div>
                最新游戏
            </li>
            <li>
                <div>
                    <img src="./images/4.png" alt="">
                </div>
                最新游戏
            </li>
            <li>
                <div>
                    <img src="./images/5.png" alt="">
                </div>
                最新游戏
            </li>
            <li>
                <div>
                    <img src="./images/6.png" alt="">
                </div>
                最新游戏
            </li>
            <li>
                <div>
                    <img src="./images/1.png" alt="">
                </div>
                最新游戏
            </li>
            <li>
                <div>
                    <img src="./images/2.png" alt="">
                </div>
                最新游戏
            </li>
        </ul>
    </div>
    <div class="sbody">
        <ul>
            <li>
                <div>
                    <img src="./images/015_03.png" alt="">
                </div>
                捕鱼达人
                <div>
                    下载
                </div>
            </li>
            <li>
                <div>
                    <img src="./images/015_03.png" alt="">
                </div>
                捕鱼达人
                <div>
                    下载
                </div>
            </li>
            <li>
                <div>
                    <img src="./images/015_03.png" alt="">
                </div>
                捕鱼达人
                <div>
                    下载
                </div>
            </li>
            <li>
                <div>
                    <img src="./images/015_03.png" alt="">
                </div>
                捕鱼达人
                <div>
                    下载
                </div>
            </li>
            <li>
                <div>
                    <img src="./images/015_03.png" alt="">
                </div>
                捕鱼达人
                <div>
                    下载
                </div>
            </li>
            <li>
                <div>
                    <img src="./images/015_03.png" alt="">
                </div>
                捕鱼达人
                <div>
                    下载
                </div>
            </li>
            <li>
                <div>
                    <img src="./images/015_03.png" alt="">
                </div>
                捕鱼达人
                <div>
                    下载
                </div>
            </li>
        </ul>
    </div>
    <div class="news">
        <div class="font">
            <ul>
                <li>
                    新品速递
                </li>
                <li>
                    最新游戏
                </li>
                <li>
                    更多>
                </li>
            </ul>
        </div>
        <div class="newimg">
            <img src="images/7.png" alt="">
        </div>
        <ul class="newsul">
            <li>
                <ul class="new_ul">
                    <li>
                        <img src="./images/015_03.png" alt="">
                    </li>
                    <li class="titli">
                       <ul>
                           <li></li>
                           <li></li>
                           <li></li>
                       </ul> 
                    </li>
                    <li>下载</li>
                </ul>
            </li>
        </ul>
    </div>
    <script>
        let htm = document.querySelector('html');
        window.addEventListener('resize',function(){
            if(window.innerWidth < 750){
                htm.style.fontSize = window.innerWidth / 15 + 'px';
            }else{
                htm.style.fontSize = '50px';
            }
        })




        // var i=0;
        // while(i<=8){
        //     let num = i==0 || (i % 4 === 0) ? 255:129;
        //     console.log(i++,num.toString(8).replace(/0/g,'#').replace(/1/g,'%'));
        // }
    </script>
</body>
</html>